{% extends "basic/base.html" %}
{% block menu %}
  <div id="menu">
    <ul>
      <li><a href="/" class="menu">Home</a></li>
      <li><a href="/groups/allGroups/" class="menu">My Groups</a></li>
      <li><a href="/friends/all/" class="menu">My Friends</a></li>
      <li><a href="/movies/viewMovieTypes/" class="menu">My Movies</a></li>
      <li><a href="/recommendation/" class="menu">Get Recommendations</a></li>
      <li><a href="/profile/" class="menu">Profile</a></li>
      <li><a href="/aboutUs/" class="menu">About Us</a></li>
    </ul>
  </div>
{% endblock %}
{% block logout %}



<a class = "logout" href="/?logout=true"><img class="buttons" src="{{ STATIC_URL }}images/buttons/logout.png" alt="Logout" /></a>
{% endblock %}
{% block header_image %}
<img class="headerImg" id="welcome" src="{{ STATIC_URL }}images/titles/welcome.png" alt="Welcome" />
{% endblock %}
{% block content %}
<h2>Hey {{ username }}{{ user.user.username }},<br/> Feel free to roam around, check our recommendations area
and have fun!
</h2>
<div class="helpSheet">
	<h5>When you click help, you'll get more explanations throughout the website.</h5>
</div>
<br />
<div class="helpSheet">
    <object class="youtube" type="application/x-shockwave-flash" data="http://www.youtube.com/v/PQ4zYyJJSR8">
		<param name="movie" value="http://www.youtube.com/v/PQ4zYyJJSR8" />
		<param name="wmode" value="transparent" />
	</object>
</div>

{% endblock %}
